<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<title>ST Manager</title>
	<link href="imagem/favicon.png" type="image/png" rel="shortcut icon" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/skytef.css" />

</h:head>
<h:body styleClass="body">
	<ui:include src="header.xhtml" />
	<div class="central">
		<h:form id="telaCadastro">
			<p:panel header="Cliente" style="margin:0 auto;">
				<p:panel styleClass="dlgTitulo">
					<p:outputLabel styleClass="dlgTitulo" value="Consulta" />
					<h:panelGrid columns="8" cellpadding="4" title="Consulta"
						style="margin:0 auto; font-size: 14px;">
						<p:outputLabel
							value="Pesquisar (Núm Cliente, CNPJ ou Razão Social)" />
						<p:inputText value="#{CadastroClienteBean.consulta}" />
						<h:commandButton actionListener="#"
							value="Consultar" />
						<h:commandButton action="#{CadastroClienteBean.novo}" value="Novo" />
					</h:panelGrid>
					<p:panel id="listaCliente"
						style="display:#{CadastroClienteBean.listaView}">
						<p:dataTable value="#{CadastroClienteBean.clientes}" var="cliente"
							rowIndexVar="rowIndex" style="width:50%; position: auto">
							<p:column headerText="Razão Social" style="font-size:10px;">
								<h:outputText value="#{cliente.razaoSocial}"
									style="font-size:10px;" />
							</p:column>
							<p:column headerText="CNPJ" style="font-size:10px;">
								<h:outputText value="#{cliente.cnpjMask}"
									style="font-size:10px;" />
							</p:column>
						</p:dataTable>
					</p:panel>
				</p:panel>
				<p:panel id="formCliente"
					style="display:#{CadastroClienteBean.formulario}">
					<h:panelGrid id="displayCliente" columns="6" cellpadding="4"
						style="margin:0 auto;">
						<h:outputText value="Razão Social: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.razaoSocial}"
							styleClass="dlgTexto" />

						<h:outputText value="CNPJ: " styleClass="dlgTitulo" />
						<h:inputText id="cnpjMask"
							value="#{CadastroClienteBean.cliente.cnpjMask}" maxlength="18"
							styleClass="dlgTexto" label="cnpjMask" />
						<h:outputText value="Responsável: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.responsavel}"
							styleClass="dlgTexto" />

						<h:outputText value="Nome Fantasia: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.nomeFantasia}"
							styleClass="dlgTexto" />

						<h:outputText value="Cidade: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.cidade}"
							styleClass="dlgTexto" />
						<p:watermark for="cnpjMask" value="00.000.000/0000-00" />
						<p:selectOneMenu value="#{CadastroClienteBean.cliente.uf}"
							style="font-size: 13px; width: 75px">
							<f:selectItem itemLabel="UF" itemValue="" />
							<f:selectItem itemLabel="AC" itemValue="AC" />
							<f:selectItem itemLabel="AL" itemValue="AL" />
							<f:selectItem itemLabel="AM" itemValue="AM" />
							<f:selectItem itemLabel="AP" itemValue="AP" />
							<f:selectItem itemLabel="BA" itemValue="BA" />
							<f:selectItem itemLabel="CE" itemValue="CE" />
							<f:selectItem itemLabel="DF" itemValue="DF" />
							<f:selectItem itemLabel="ES" itemValue="ES" />
							<f:selectItem itemLabel="GO" itemValue="GO" />
							<f:selectItem itemLabel="MA" itemValue="MA" />
							<f:selectItem itemLabel="MG" itemValue="MS" />
							<f:selectItem itemLabel="MS" itemValue="MS" />
							<f:selectItem itemLabel="MT" itemValue="MT" />
							<f:selectItem itemLabel="PA" itemValue="PA" />
							<f:selectItem itemLabel="PB" itemValue="PB" />
							<f:selectItem itemLabel="PE" itemValue="PE" />
							<f:selectItem itemLabel="PI" itemValue="PI" />
							<f:selectItem itemLabel="PR" itemValue="PR" />
							<f:selectItem itemLabel="RJ" itemValue="RJ" />
							<f:selectItem itemLabel="RN" itemValue="RN" />
							<f:selectItem itemLabel="RO" itemValue="RO" />
							<f:selectItem itemLabel="RR" itemValue="RR" />
							<f:selectItem itemLabel="RS" itemValue="RS" />
							<f:selectItem itemLabel="SC" itemValue="SC" />
							<f:selectItem itemLabel="SE" itemValue="SE" />
							<f:selectItem itemLabel="SP" itemValue="SP" />
							<f:selectItem itemLabel="TO" itemValue="TO" />
						</p:selectOneMenu>

						<h:outputText value="Email: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.emailCliente}"
							styleClass="dlgTexto" />

						<h:outputText value="Telefone: " styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.telefone}"
							styleClass="dlgTexto" />

						<h:outputText value="Num. Lojas:" styleClass="dlgTitulo" />
						<h:inputText value="#{CadastroClienteBean.cliente.qtdLojas}"
							styleClass="dlgTexto" />
					</h:panelGrid>

					<p:panel styleClass="dlgTitulo">
						<p:outputLabel styleClass="dlgTitulo" value="Produto" />
						<h:panelGrid columns="8" cellpadding="4" title="Produto"
							style="margin:0 auto; font-size: 14px;">

						</h:panelGrid>
					</p:panel>

					<p:panel styleClass="dlgTitulo">
						<p:outputLabel styleClass="dlgTitulo" value="Comercial" />
						<h:panelGrid columns="8" cellpadding="4" title="comercial"
							style="margin:0 auto; font-size: 14px;">

						</h:panelGrid>
					</p:panel>

					<p:panel styleClass="dlgTitulo">
						<p:outputLabel styleClass="dlgTitulo" value="Suporte" />
						<h:panelGrid columns="6" cellpadding="4" title="Suporte"
							style="margin:0 auto; font-size: 14px;">
							<h:outputText value="Atendimento Suporte: "
								styleClass="dlgTitulo" />
							<h:inputText value="#{CadastroClienteBean.cliente.atendSuporte}"
								styleClass="dlgTexto" />
							<h:outputText value="Movimentação: " styleClass="dlgTitulo" />
							<h:inputText value="#{CadastroClienteBean.cliente.movimentacao}"
								styleClass="dlgTexto" />
							<h:outputText value="Data Movimentação: " styleClass="dlgTitulo" />
							<p:calendar locale="pt_BR" showButtonPanel="true"
								navigator="true" lang="pt_BR" converter="javax.faces.DateTime"
								value="#{CadastroClienteBean.cliente.dataMovimentacao}"
								title="Data Movimentação" />
						</h:panelGrid>
					</p:panel>

					<p:panel styleClass="dlgTitulo">
						<p:outputLabel styleClass="dlgTitulo" value="Financeiro" />
						<h:panelGrid columns="4" cellpadding="4" title="Financeiro"
							style="margin:0 auto; font-size: 14px;">
							<h:outputText value="Dia da fatura" styleClass="dlgTitulo" />
							<h:inputText value="#{CadastroClienteBean.cliente.diaFaturado}"
								styleClass="dlgTexto" />
							<h:outputText value="Valor Faturado " styleClass="dlgTitulo" />
							<h:inputText value="#{CadastroClienteBean.cliente.valorFaturado}"
								styleClass="dlgTexto">
								<f:convertNumber locale="pt_BR" currencyCode="BRL"
									minFractionDigits="2" />
							</h:inputText>

						</h:panelGrid>
					</p:panel>
					<p:commandButton id="btSalvar" value="Salvar" icon="ui-icon-disk"
						update="displayCliente" style="font-size: 14px; margin-top: 5px;"
						action="#{CadastroClienteBean.SalvarCliente}" process="@form" />
				</p:panel>
			</p:panel>
		</h:form>
		<p:panel id="cr" style="background: transparent; border: 0px;">
			<ui:include src="#{DashboardBean.currentRodape}" />
		</p:panel>
	</div>
	<div>
		<p:panel id="cm" style="background: transparent; border: 0px;">
			<ui:include src="#{DashboardBean.currentMenu}" />
		</p:panel>
	</div>
</h:body>
</html>
